<template>
  <div id="EnterpriseRecruitment">
    <div
      v-for="(item, index) in jobCompanyData"
      :key="index"
      style="margin-bottom: 30px"
    >
      <div class="df" style="justify-content: space-between">
        <div class="left" style="flex: 1">
          <div class="enter-title f20">{{ item.job }}</div>
          <div class="df f12">
            <div>{{ item.provinceName || '-' }}</div>
            <div style="margin: 0 5px">|</div>
            <div>{{ item.edu || '-' }}</div>
            <div style="margin: 0 5px">|</div>
            <div v-if="item.salaryStr">
              {{ item.salaryStr || '-' }}元/{{ item.salaryUnit || '-' }}
            </div>
            <div v-else>面议</div>
            <div style="margin: 0 5px">|</div>
            <div>招聘{{ item.companyHiring || '-' }}人</div>
          </div>
        </div>
        <div class="mid" style="flex: 1">
          <div style="margin-bottom: 5px">{{ item.companyName || '-' }}</div>
          <div class="df f12">
            <div>{{ item.companyNature || '-' }}</div>
            <div style="margin: 0 5px">|</div>
            <div>{{ item.companyScale || '-' }}</div>
          </div>
        </div>
        <div class="enter-right" style="flex: 1">
          <div style="margin-bottom: 5px">来源：{{ item.source || '-' }}</div>
          <div class="f12">发布时间：{{ item.publishAt || '-' }}</div>
        </div>
      </div>
    </div>
  </div>
</template>

<script setup>
const { jobCompanyData } = defineProps({
  jobCompanyData: {
    type: Array,
    default: () => [],
  },
});
</script>

<style lang="scss" scoped>
.enter-title {
  font-weight: bold;
  margin-bottom: 5px;
}
</style>
